

// // 原始二级菜单代码
// $('.header-list>li>a').mouseenter(function (e) {
//     // console.log($(this).text()) 
//     $('.header-sec-menu').html('我是' + $(this).text() + '的二级菜单')
//     $('.header-sec-menu').slideDown()
// })
// // 移开
// $('.header-list>li').mouseleave(function () {
//     $('.header-sec-menu').slideUp()

// })

var dic = {
    "食品酒水": {
        addr: '../images/index-img0.jpg',
        name: '魅族 18X',
        price: '￥2599'
    },
    "童装玩具": {
        addr: '../images/index-img1.jpg',
        name: '魅族 18s',
        price: '￥3699'
    },
    "家装建材": {
        addr: '../images/index-img2.jpg',
        name: '魅族 18s Pro',
        price: '￥4599'
    },
    "奶粉尿裤": {
        addr: '../images/index-img3.jpg',
        name: '魅族 18',
        price: '￥3999'
    },
    "其他产品": {
        addr: '../images/index-img4.jpg',
        name: '魅族 18 Pro',
        price: '￥4999'
    },
}

// 新的二级菜单代码
$('.header-list').mouseenter(function () {
    $('.meizu-header-sub-warp').show()
    $('.meizu-header').css('background-color', '#fff')

})
// 根据每个li的内容，更换二级菜单中的图片
$('.header-list>li').mouseenter(function () {
    // console.log($(this).children('a').text()) 
    for (var k in dic) {
        if (k === $(this).children('a').text()) {
            console.log(dic[k])
            $('.header-product-img').css('background-image', 'url(' + dic[k].addr + ')')
            $('.header-product-name').html(dic[k].name)
            $('.header-product-price').html(dic[k].price)
        }
    }
})
// 移出，显示二级菜单
$('header').mouseleave(function () {
    $('.meizu-header-sub-warp').hide()
    $('.meizu-header').css('background-color', 'transparent')
})

// 移入二级菜单中的每一个图片，其他暗
$('.meizu-header-sub-warp>ul>li').mouseenter(function(){
    console.log($(this).siblings().css('opacity','0.5')) 
})
// 移出二级菜单中的每一个图片，其他明
$('.meizu-header-sub-warp>ul>li').mouseleave(function(){
    console.log($(this).siblings().css('opacity','1')) 
})



// 头部的个人中心代码
// 移到元素上
$('.header-user').mouseenter(function () {
    $('.header-user>ul').show()

})

// 移开，隐藏
$('.header-user').mouseleave(function () {
    $('.header-user>ul').hide()
})

// 退出登录，设置cookie过期，用户名为空
$('[name="logout"]').click(function () {
    mySetCookie('login', '1', '/', '-1')
    // 
    window.localStorage.setItem('name', '')
    testLogin()
    
})


// 登录验证
testLogin()

// 
function testLogin() {
    let mycookie = myGetCookie() //{login: '1'}
    console.log(mycookie)
    // console.log(mycookie.login)

    // 用户没有登录时，隐藏退出登录按钮
    if (mycookie.login === undefined) {
        $('[name="login"]').html('登录')
        $('[name="logout"]').hide()
    }

    // 登录，显示退出登录按钮
    else {
        $('[name="logout"]').show()
        console.log($('[name="login"]').html())

        // 获取当前登录用户的用户名
        let name = window.localStorage.getItem('name')

        if (name) { // 用户名不为空
            // 显示 当前登录用户的用户名
            $('[name="login"]').html(name)
        }

        // 当前已经有用户登录了，就不用再点击跳转登录页面了
        $('[name="login"]').attr('href', 'javascript:;')
        $('[name="header-user-icon"]').attr('href', 'javascript:;')

    }
}




